<template>
	<view class="content">
		<navigator class="flex-center" hover-class="none" url="/packageA/book/book">预约</navigator>
		<tab></tab>
	</view>
</template>

<script>
import tab from '../../components/tab/tab.vue'
export default {
	components: {
		tab,
	},
	methods: {
	}
}
</script>

<style lang="scss" scoped>
.content {
	background-image: url('https://bile-1306178125.cos.ap-shanghai.myqcloud.com/static/teamwang/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	top: -82px;
}

navigator {
	position: absolute;
	width: 42.67%;
	height: 5.17%;
	bottom: 25%;
	left: 50%;
	transform: translateX(-50%);
	background: #103101;
	border: 1px solid #00AD02;
	color: #fff;
	letter-spacing: 1px;
	font-size: 14px;
	letter-spacing: 1.17px;
}
</style>
